﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:coding4fun="clr-namespace:Coding4Fun.Toolkit.Controls;assembly=Coding4Fun.Toolkit.Controls"
             mc:Ignorable="d"
             x:Class="YourLastOptionsDialog.Views.ColorEditor"
             d:DesignWidth="480"
             d:DesignHeight="800">

    <Grid x:Name="LayoutRoot"
          Background="Transparent"
          VerticalAlignment="Top"
          Margin="12,0,0,20">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

        <StackPanel Orientation="Vertical"
                    VerticalAlignment="Top"
                    Margin="0,8,5,0">
            <TextBlock x:Name="DisplayNameTextBlock"
                       Margin="0"
                       TextWrapping="Wrap"
                       Text="{Binding DisplayName}"
                       Style="{StaticResource PhoneTextNormalStyle}" />
            <TextBlock x:Name="DescriptionTextBlock"
                       Margin="0"
                       TextWrapping="Wrap"
                       Text="{Binding Description}"
                       Style="{StaticResource PhoneTextNormalStyle}">
    			<TextBlock.Foreground>
    				<SolidColorBrush Color="{StaticResource PhoneDisabledColor}" />
    			</TextBlock.Foreground>
            </TextBlock>
        </StackPanel>

        <coding4fun:ColorSlider x:Name="ColorSlider"
                                Grid.Row="1"
                                Margin="0 5 0 0"
                                Color="{Binding Value, Mode=TwoWay}"
                                HorizontalAlignment="Stretch"
                                Orientation="Horizontal"
                                Height="50" />
    </Grid>
</UserControl>